
<template>
  <div class="app" >
    <!-- 提示信息 -->
    <div class="tipinfo" v-show="isTip">{{tipword}}</div>
    <!--<div class="mask" v-show="wxpay" @click="closewxpay">-->
      <!--<div class="wxbox">-->
        <!--<img :src="wxpayimg" alt="">-->
        <!--<div v-show="timeshou">支付成功{{jumpnum}}秒后跳转</div>-->
      <!--</div>-->
    <!--</div>-->
    <div class="mask" v-show="wxpay" @click="closewxpay">
      <div class="wxbox">
        <div>扫码支付</div>
        <img :src="wxpayimg" alt="">
        <div style="font-size:14px">使用<span style="color:red">微信</span>APP扫码完成支付</div>

        <div  style="font-size:14px" v-show="timeshou">支付成功{{jumpnum}}秒后跳转</div>
      </div>
    </div>
    <div class="wxbox1" v-show="showwxbox">
      <div class="close"  @click="closewx()"></div>
      <div>分享到微信朋友圈</div>
      <img :src="shaoma" alt="">
      <div style="font-size:14px">打开微信，点击底部的“发现”， 使用“扫一扫”即可将网页分享至朋友圈</div>
    </div>
    <topbar ref="child1"/>
    <!-- 文章标题部分 -->
<div class="mpart">
  <div class="container" >
         <div class="uppart">
          <div class="label">
            <nuxt-link :to="'/list/id?id='+ tags.code" v-for="tags in articleInfo.all" v-show="tags.name != '其它'">{{tags.name}}</nuxt-link>
          </div>
          <div class="tit">{{articleInfo.title}}</div>

          <div class="info">
             <div class="inforight">

               <!--<div class="topzan">-->
                 <!--<span class="cang0" @click="">收藏</span>-->
                 <!--<span class="zan_down0" @click="zandown"> </span>-->
                 <!--<span class="zan_up0" @click="zanup">赞同  {{articleInfo.agreeNum}} </span>-->
               <!--</div>-->
               <div class="topzan">
                 <span class="cang0" @click="collect(articleInfo.collkey,1)" v-if="articleInfo.isCollect==0">{{articleInfo.likeNum}}</span>
                 <span class="cang1" @click="collect(articleInfo.collkey,0)" v-if="articleInfo.isCollect==1">{{articleInfo.likeNum}}</span>
                 <span class="zan_down0" @click="zandown(articleInfo.collkey,1)" v-if="articleInfo.isDisagree==0"> </span>
                 <span class="zan_down1" @click="zandown(articleInfo.collkey,0)" v-if="articleInfo.isDisagree==1"> </span>
                 <span class="zan_up0" @click="zanup(articleInfo.collkey,1)" v-if="articleInfo.isAgree==0">赞同 {{articleInfo.agreeNum}} </span>
                 <span class="zan_up1" @click="zanup(articleInfo.collkey,0)" v-if="articleInfo.isAgree==1">已赞同 {{articleInfo.agreeNum}} </span>
               </div>

               <span class="vline1">|</span>

                <span @click="toggleShare()" class="share hand"> <i class="btn-share"></i>分享
                     <div class="sharelevel" v-show="isShare">
                       <!--<div class="list"><i class="icon-copy"></i>复制链接</div>-->
                        <div class="list"  v-clipboard:copy="copyUrl" v-clipboard:success="onCopy" v-clipboard:error="onError"><i class="icon-copy"></i>复制链接</div>
                        <!--<div class="list"><i class="icon-qq"></i>QQ空间</div>-->
                        <!--<div class="list"><i class="icon-weibo"></i>新浪微博</div>-->
                        <!--<div class="list"><i class="icon-weixin"></i>微信朋友圈</div>-->
                       <div class="list" @click="shareweibo(articleInfo.title,copyUrl,'')"><i class="icon-weibo"></i>新浪微博</div>
                       <div class="list" @click="shareqq(articleInfo.title,copyUrl,'')"><i class="icon-qq"></i>qq空间</div>
                       <div class="list" @click="sharewx()"><i class="icon-weixin"></i>微信朋友圈</div>

                     </div>

                </span><span class="vline1">|</span>
                <!--<span @click="" class="hand"> <i class="btn-print"></i><button v-print="'#printTest'">打印</button></span>-->
               　<span @click="openPrint" class="hand"> <i class="btn-print"></i>打印</span>　　
            </div>
        </div>

        </div>

        <div class="rpart">
          <p class="sheng1"><span>来源</span> {{articleInfo.magezineName}} {{articleInfo.year}}年第{{articleInfo.issue}}期  </p>
          <p class="sheng1"><span>栏目</span> {{articleInfo.columns}}  </p>
          <p class="sheng1"><span>文</span> {{articleInfo.author}}  </p>
        </div>


   </div>

   <div class="gap0"></div>
</div>

    <div class="container" >
      <div class="leftpart">

<!-- 文章详情 -->
        <div class="bottompart">
          <div class="content noselect"  onselectstart="return false;" unselectable="on" v-html="info"> </div>
          <el-container v-loading="fullscreenLoading" element-loading-background="rgba(0, 0, 0, 0.8)"></el-container>
<div class="buybox" v-show="nobuy">
  <div class="buy hand" @click="goToBuy" v-show="price != ''">￥{{price}}.00 购买全文阅读</div>
</div>



        </div>
<!-- 下面相关文章部分 -->

    <div class="bottom_rel" v-show='nobuy'>
        <div class="hmenu">
            <div class="name">文章推荐</div>
        </div>
    <!-- 循环开始 -->
        <div class="one" v-for="(rearticle,index) in reArticleInfo">
          <nuxt-link target="_blank" :to="'/article/?collkey='+ rearticle.collkey">
          <div class="title">{{rearticle.name}}</div>
            <!--<img v-if="rearticle.poster.length > 0" v-bind:src="rearticle.poster" alt="">-->
            <p>&nbsp;&nbsp;&nbsp;&nbsp;{{rearticle.content}}……<span class="readmore">阅读全文</span></p>
          </nuxt-link>
          <!--<div class="zcinfo">-->
            <!--<span class="zan_down0" @click="zandown"> </span>-->
            <!--<span class="zan_up0" @click="zanup">赞同  {{rearticle.agreeNum}} </span>-->
            <!--<span class="cang0" @click="">123</span>-->
          <!--</div>-->
          <div class="zcinfo">
            <span>{{rearticle.magezineName}} {{rearticle.year}}年第{{rearticle.issue}}期 栏目 | {{rearticle.columns}} 文 <span v-show="rearticle.author != ''">| {{rearticle.author}}</span></span>
          <span class="zan_down0" @click="zandown2(rearticle.collkey,1,index)" v-if="rearticle.isDisagree==0"> </span>
          <span class="zan_down1" @click="zandown2(rearticle.collkey,0,index)" v-if="rearticle.isDisagree==1"> </span>
          <span class="zan_up0" @click="zanup2(rearticle,1,index)" v-if="rearticle.isAgree==0">赞同 {{rearticle.agreeNum}} </span>
          <span class="zan_up1" @click="zanup2(rearticle,0,index)" v-if="rearticle.isAgree==1">已赞同 {{rearticle.agreeNum}} </span>
          <span class="cang0" @click="collect2(rearticle,1,index)" v-if="rearticle.isCollect==0">{{rearticle.likeNum}}</span>
          <span class="cang1" @click="collect2(rearticle,0,index)" v-if="rearticle.isCollect==1">{{rearticle.likeNum}}</span>
          </div>

        </div>

<!-- 分页部分 -->
<!--<div class="pagepart">-->
        <!--<el-pagination-->
            <!--background-->
            <!--layout="prev, pager, next"-->
            <!--:total="320">-->
          <!--</el-pagination>-->
<!--</div>-->


    </div>



</div>

<!-- 左右分离-->
      <div class="rightpart">
<!-- 分类信息 -->
             <div class="fenlei">
               <div class="tit">父分类</div>
               <nuxt-link   :to="'/list/id?id='+ parentCate.code" v-for="parentCate in articleInfo.parent" v-show="parentCate.name != '其它'">{{parentCate.name}}</nuxt-link>
               <span style="color:#55575c" v-for="parentCate in articleInfo.parent" v-show="parentCate.name == '其它'">      暂无分类</span>
<div class="line1"></div>
               <div class="tit" >子分类</div>
               <nuxt-link :to="'/list/id?id='+ sonCate.code" v-for="sonCate in articleInfo.son" v-show="sonCate.name != '其它'">{{sonCate.name}}</nuxt-link>
               <span style="color:#55575c" v-for="sonCate in articleInfo.parent" v-show="sonCate.name == '其它'">      暂无分类</span>
             </div>
 <!--右侧相关文章-->
            <div class="xiangguan" v-show="!nobuy">
              <div class="tit">相关文章</div>
             <nuxt-link target="_blank" :to="'/article/?collkey='+ article.collkey" v-for="article in reArticleInfo">{{article.name}}</nuxt-link>
             </div>
            </div>


      </div>
      <div class="gap100"></div>

<!-- 支付弹窗部分     -->
<div class="mask" v-show="payWindow">
  <div class="paybox">

   <div class="a1">
    <div class="close hand" @click='closeWindow'></div>
     <p>购买文章</p>
     <p>{{articleInfo.title}}</p>
     <p style="font-size:16px; margin-top:10px;">文章价格： ￥{{price}}.00</p>
   </div>
   <div class="a2">
      <div class="b1" @click="productWxOrder">
        <div class="c1"><img src="../assets/images/pay-weixin.png" alt=""></div>
        <div class="c22 paybtn hand">微信扫码支付</div>
    </div>
      <div class="b2">
        <div class="c1"><img src="../assets/images/pay-alipay.png" alt=""></div>
        <div class="paybtn c22 hand" @click="alipay">支付宝支付</div>
      </div>
      <div class="b3">
        <div class="c1"><div class="d1" >当前余额</div> <div class="d2">￥{{amount}}</div></div>
         <div class="paybtn c22 hand" @click="countPay" v-show="okpay">余额支付</div>
         <div class="paybtn c22 hand" @click="goRecharge" v-show="!okpay">立即充值</div>
         <div class="b3mask" v-show="paidonce"></div>
      </div>
   </div>
   <div class="a3"><span class="s1">充值特惠</span>充值返现，优惠多多 <span class="s2 hand " @click="goRecharge">立即充值</span></div>
  </div>


</div>

    <!-- 打印窗口 -->
    <!-- 打印窗口 -->
    <!--<div class="mask" v-show="isPrint" >-->
      <!--<div class="printbox" id="printTest">-->
        <!--<div class="close" @click="closePrint"></div>-->
        <!--<div class="wklogo">< img src="../assets/images/wenkulogo.png" height="74" width="231" alt=""></div>-->
        <!--<div class="title">{{articleInfo.title}}</div>-->
        <!--<div class="author">作者：{{articleInfo.author}} </div>-->
        <!--<div class="content">-->
          <!--<div class="bottompart">-->
            <!--<div class="content noselect"  onselectstart="return false;" unselectable="on" v-html="info"> </div>-->
            <!--&lt;!&ndash;<el-container v-loading="fullscreenLoading" element-loading-background="rgba(0, 0, 0, 0.8)"></el-container>&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="buybox" v-show="nobuy">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="buy hand" @click="goToBuy">￥1.00 购买全文阅读</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->



          <!--</div>-->
          <!--&lt;!&ndash;<p>&ndash;&gt;-->
          <!--&lt;!&ndash;北京时间3月18日03:45(西班牙当地时间17日20:45)，2018/19赛季西甲第28轮一场焦点战在贝尼托-比拉马林球场展开争夺，巴塞罗那客场4比1力克贝蒂斯，梅西帽子戏法，苏亚雷斯传射。巴萨5连胜后以10分优势领跑。</p ><p>巴萨本赛季主场爆冷3比4负于贝蒂斯，终结了此前13次联赛对阵贝蒂斯10胜3平的不败战绩。贝蒂斯从未在联赛中双杀巴萨。双方联赛历史交锋105场，巴萨63胜21平21负占据上风，其中客场22胜14平16负。比达尔替换库蒂尼奥出场。贝蒂斯方面，巴尔特拉和特略首发对阵旧主。梅西674次代表巴萨出场追平伊涅斯塔，仅少于767次出场的哈维。</p ><p>双方开场后均显得小心谨慎。赫塞传球，特略左路内切至禁区边缘外劲射，特尔施特根沉稳没收。华金右路斜传远点，瓜尔达多禁区左侧传回门前，赫塞近距离铲射错过皮球。巴萨第18分钟取得领先，卡纳莱斯禁区弧顶对阿图尔犯规，梅西任意球直接射门入左上角。这是他近8个西甲赛季的第25粒任意球得分。&ndash;&gt;-->
          <!--&lt;!&ndash;</p >&ndash;&gt;-->



        <!--</div>-->
        <!--<div class="btn" v-print="'#printTest'">< img src="../assets/images/printbtn.png" height="69" width="198" alt=""></div>-->

      <!--</div>-->
    <!--</div>-->
    <!-- 打印窗口 -->
    <div class="mask" v-show="isPrint" >
      <div class="printbox1">
        <div class="close" @click="closePrint"></div>
      <div class="printbox" id="printTest">

        <div class="wklogo"><img src="https://wenku.qikan.com/wenkulogo.png" height="74" width="231" alt=""></div>
        <div class="title">{{articleInfo.title}}</div>
        <div class="author">作者：{{articleInfo.author}} </div>
        <div class="content">
          <div class="bottompart">
            <div class="content noselect"  onselectstart="return false;" unselectable="on" v-html="info"> </div>
            <!--<el-container v-loading="fullscreenLoading" element-loading-background="rgba(0, 0, 0, 0.8)"></el-container>-->
            <!--<div class="buybox" v-show="nobuy">-->
            <!--<div class="buy hand" @click="goToBuy">￥1.00 购买全文阅读</div>-->
            <!--</div>-->



          </div>
          <!--<p>-->
          <!--北京时间3月18日03:45(西班牙当地时间17日20:45)，2018/19赛季西甲第28轮一场焦点战在贝尼托-比拉马林球场展开争夺，巴塞罗那客场4比1力克贝蒂斯，梅西帽子戏法，苏亚雷斯传射。巴萨5连胜后以10分优势领跑。</p ><p>巴萨本赛季主场爆冷3比4负于贝蒂斯，终结了此前13次联赛对阵贝蒂斯10胜3平的不败战绩。贝蒂斯从未在联赛中双杀巴萨。双方联赛历史交锋105场，巴萨63胜21平21负占据上风，其中客场22胜14平16负。比达尔替换库蒂尼奥出场。贝蒂斯方面，巴尔特拉和特略首发对阵旧主。梅西674次代表巴萨出场追平伊涅斯塔，仅少于767次出场的哈维。</p ><p>双方开场后均显得小心谨慎。赫塞传球，特略左路内切至禁区边缘外劲射，特尔施特根沉稳没收。华金右路斜传远点，瓜尔达多禁区左侧传回门前，赫塞近距离铲射错过皮球。巴萨第18分钟取得领先，卡纳莱斯禁区弧顶对阿图尔犯规，梅西任意球直接射门入左上角。这是他近8个西甲赛季的第25粒任意球得分。-->
          <!--</p >-->



        </div>

      </div>
      <div class="btn" v-print="'#printTest'"><img src="https://wenku.qikan.com/printbtn.png" height="69" width="198" alt=""></div>
    </div>
    </div>
    <!--<div class="mask" v-show="isPrint" >-->
      <!--<div class="printbox" id="printTest">-->
        <!--<div class="close" @click="closePrint"></div>-->
        <!--<div class="wklogo"><img src="../assets/images/wenkulogo.png" height="74" width="231" alt=""></div>-->
        <!--<div class="title">{{articleInfo.title}}</div>-->
        <!--<div class="author">{{articleInfo.author}} </div>-->
        <!--<div class="content">-->

          <!--<p>-->
            <!--北京时间3月18日03:45(西班牙当地时间17日20:45)，2018/19赛季西甲第28轮一场焦点战在贝尼托-比拉马林球场展开争夺，巴塞罗那客场4比1力克贝蒂斯，梅西帽子戏法，苏亚雷斯传射。巴萨5连胜后以10分优势领跑。</p ><p>巴萨本赛季主场爆冷3比4负于贝蒂斯，终结了此前13次联赛对阵贝蒂斯10胜3平的不败战绩。贝蒂斯从未在联赛中双杀巴萨。双方联赛历史交锋105场，巴萨63胜21平21负占据上风，其中客场22胜14平16负。比达尔替换库蒂尼奥出场。贝蒂斯方面，巴尔特拉和特略首发对阵旧主。梅西674次代表巴萨出场追平伊涅斯塔，仅少于767次出场的哈维。</p ><p>双方开场后均显得小心谨慎。赫塞传球，特略左路内切至禁区边缘外劲射，特尔施特根沉稳没收。华金右路斜传远点，瓜尔达多禁区左侧传回门前，赫塞近距离铲射错过皮球。巴萨第18分钟取得领先，卡纳莱斯禁区弧顶对阿图尔犯规，梅西任意球直接射门入左上角。这是他近8个西甲赛季的第25粒任意球得分。-->
        <!--</p >-->


        <!--</div>-->
        <!--<div class="btn" v-print="'#printTest'"><img src="../assets/images/printbtn.png" height="69" width="198" alt=""></div>-->

      <!--</div>-->
    <!--</div>-->


 <Bottombar/>
  </div>
</template>

<script>
import Topbar from '~/components/Topbar.vue'
import Rightinfo from '~/components/Rightinfo.vue'
import Bottombar from '~/components/Bottombar.vue'
import axios from 'axios'
import Print from 'vue-print-nb'
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
VueClipboard.config.autoSetContainer = true
Vue.use(VueClipboard);
Vue.use(Print); //注册
import qs from 'qs'
export default {
  components: {
    Topbar,
    Bottombar
  },
  data(){
    return{
      // 打印
      isQita:false,
      isPrint:false,
      okpay:true,
      price:'',
      paidonce:false,
      amount:'',
      fullscreenLoading:false,
      isShare:false,
      needbuy:1,
      nobuy:true,
      isNeedbuy:true,
      payWindow:false,
      collkey:'',
      articleInfo:[],
      reArticleInfo:[],
      info:'',
      wxpay:false,
      wxpayimg:'',
      user:'',
      jumpnum:0,
      timeshou:false,
      cururl:'',
      // 提示
      isTip:false,
      tipword:'',
      collkey:'',
      copyUrl:'',
      shaoma:'',
      showwxbox:false

    }
  },
  mounted(){
    this.user=JSON.parse(localStorage.getItem("user"));
    console.log("that "+this.$refs.child1.user);

    //this.getSessionUser();
    this.isBuy();
    this.cururl=window.location.href;

    this.copyUrl=window.location.href;
    this.shaoma="http://qr.topscan.com/api.php?text="+window.location.href;
  },

  methods:{
    getSessionUser(){

      let key=localStorage.getItem("user_unique_code");
      if(key!=null && key!="" && key!=undefined){
        console.log("key "+key)
        axios.post('https://wenku.qikan.com:11000/admin/lib/getTokenByUserId.html',qs.stringify({'key':key})
        )
          .then((response)=>{
            console.log("resultuser "+response.data);
            let result= response.data;
            if(result.code==1){
              console.log(result.data.trim())
              this.user=JSON.parse(result.data.trim());
              console.info("usermsg "+this.user)
              // if(this.user!=null && this.user!="" && this.user!=undefined){
              //   // this.poster=this.user.poster;
              //   // console.log("uuaa  "+this.user.mobile)
              //   // this.isLogin=true;
              // }
              this.isBuy();
            }else{
              this.isBuy();
            }
          })
          .catch((error)=>{
            console.log(error)
          })
      }else{
        this.isBuy();
      }


    },
    onCopy(){
      this.tipshow("复制成功")
    },
    onError(){
      this.tipshow("复制失败")
    },closewx(){
      this.showwxbox=false
    },
    //分享到qq空间
    shareqq(title,url,picurl){
      var shareqqzonestring='https://connect.qq.com/widget/shareqq/index.html?summary='+title+'&url='+url+'&pics='+picurl;
      window.open(shareqqzonestring,'newwindow','height=400,width=400,top=100,left=100');
    },
    shareweibo(title,url,picurl){
      var sharesinastring='http://v.t.sina.com.cn/share/share.php?title='+title+'&url='+url+'&content=utf-8&sourceUrl='+url+'&pic='+picurl;
      window.open(sharesinastring,'newwindow','height=400,width=400,top=100,left=100');
    },sharewx(){
      this.showwxbox=true
    },
    collect2(rearticle,type,index){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        var original = rearticle.magezineName+rearticle.year+'年第'+rearticle.issue+'期';
        axios.get('https://wenku.qikan.com:11000/article/collect?collkey='+rearticle.collkey+"&userCode="+vm.user.unique_code+"&type="+type
          +'&author='+rearticle.author+'&title='+rearticle.title+'&original='+original)
          .then(function(res){
            vm.reArticleInfo[index].isCollect = res.data.data.type;
            vm.reArticleInfo[index].likeNum = res.data.data.collectNum;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date());
        localStorage.setItem("jumpurl","/article")
        localStorage.setItem("failuretime",timestamp+60000);
        this.$refs.child1.godenglu();
      }
    },
    zanup2(rearticle,type,index){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        var original = rearticle.magezineName+rearticle.year+'年第'+rearticle.issue+'期';
        axios.get('https://wenku.qikan.com:11000/article/agree?collkey='+rearticle.collkey+"&userCode="+vm.user.unique_code+"&type="+type
          +'&author='+rearticle.author+'&title='+rearticle.title+'&original='+original)
          .then(function(res){
            console.log(res.data.data);
            vm.reArticleInfo[index].isAgree = res.data.data.type;
            if(res.data.data.type = 1){
              vm.reArticleInfo[index].isDisagree = 0;
            }else{
              vm.reArticleInfo[index].isDisagree = 1;
            }
            // vm.articleInfo.list[index].isAgree = 0;
            vm.reArticleInfo[index].agreeNum = res.data.data.agreeNum;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },

    zandown2(collkey,type,index){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        axios.get('https://wenku.qikan.com:11000/article/disagree?collkey='+collkey+"&userCode="+vm.user.unique_code+"&type="+type)
          .then(function(res){
            console.log(res.data.data);
            vm.reArticleInfo[index].isDisagree = res.data.data.type;
            if(res.data.data.type == 1){
              vm.reArticleInfo[index].isAgree = 0;
            }
            vm.reArticleInfo[index].agreeNum = res.data.data.agreeNum;
            // vm.articleInfo.list[index].isAgree = 0;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },
    goRecharge() {
      // this.okpay=false;
      this.$router.push({path: '/person/recharge'});
    },
    collect(collkey,type){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        var original = vm.articleInfo.magezineName+vm.articleInfo.year+'年第'+vm.articleInfo.issue+'期';
        axios.get('https://wenku.qikan.com:11000/article/collect?collkey='+collkey+"&userCode="+vm.user.unique_code+"&type="+type
          +'&author='+vm.articleInfo.author+'&title='+vm.articleInfo.title+'&original='+original)
          .then(function(res){
            vm.articleInfo.isCollect = res.data.data.type;
            vm.articleInfo.likeNum = res.data.data.collectNum;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },
    zanup(collkey,type){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        var original = vm.articleInfo.magezineName+vm.articleInfo.year+'年第'+vm.articleInfo.issue+'期';
        axios.get('https://wenku.qikan.com:11000/article/agree?collkey='+collkey+"&userCode="+vm.user.unique_code+"&type="+type
          +'&author='+vm.articleInfo.author+'&title='+vm.articleInfo.title+'&original='+original)
          .then(function(res){
            console.log(res.data.data);
            vm.articleInfo.isAgree = res.data.data.type;
            if(res.data.data.type = 1){
              vm.articleInfo.isDisagree = 0;
            }else{
              vm.articleInfo.isDisagree = 1;
            }
            // vm.articleInfo.list[index].isAgree = 0;
            vm.articleInfo.agreeNum = res.data.data.agreeNum;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },

    zandown(collkey,type){
      var vm = this;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        axios.get('https://wenku.qikan.com:11000/article/disagree?collkey='+collkey+"&userCode="+vm.user.unique_code+"&type="+type)
          .then(function(res){
            console.log(res.data.data);
            vm.articleInfo.isDisagree = res.data.data.type;
            if(res.data.data.type == 1){
              vm.articleInfo.isAgree = 0;
            }
            vm.articleInfo.agreeNum = res.data.data.agreeNum;
            // vm.articleInfo.list[index].isAgree = 0;
          })
      }else{
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },

    openPrint(){
      if(this.user!=null && this.user!="" && this.user!=undefined){
        if(this.nobuy==true){
          this.goToBuy();
        }else{
          this.isPrint=true;
        }
      }else{
        localStorage.setItem("key",this.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();

        // this.tipshow("请先登陆！")
      }
    },
    closePrint(){
      this.isPrint=false;
    },


    copy(){
      var clipboard = new VueClipboard('.btn');//可通过任意选择器进行实例化
      clipboard.on('success', function(e) {//使用on绑定成功
        console.log(e);
      });
      clipboard.on('error', function(e) {//使用on绑定失败
        console.log(e);
      });
    },
    isBuy(){
      var vm = this;
      vm.collkey = this.$route.query.collkey;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        axios.get('https://wenku.qikan.com:11000/article/isbuy?collkey='+vm.collkey+"&user_unique_code="+vm.user.unique_code)
          .then(function(res){
            console.log("isbuy:"+res.data.data);
            vm.nobuy = res.data.data;
          })
      }
      this.getArticle();
      this.getReArticle();
    },productWxOrder(){
      // window.location.href = "https://wenku.qikan.com:11000/alipay/alipay?articleName="+this.articleInfo.title+"&uniqueCode="+user.unique_code+"&collkey="+this.collkey;
      var user=this.user;
        //JSON.parse(localStorage.getItem("user"));
      this.payWindow=false
      this.collkey = this.$route.query.collkey;
      axios.post('https://wenku.qikan.com:11000/getArticleOrder.html',qs.stringify({'uniqueCode':user.unique_code,'articleName':this.articleInfo.title,'collkey':this.collkey,'pay_price':this.price})
      )
        .then((response)=>{
          console.log(response.data);
          let result= response.data;
          if(result.code==1){
            let order_number=result.data;
            axios.post('https://wenku.qikan.com:11000/payar.html',qs.stringify({'order_number':result.data,'pay_price':this.price})
            )
              .then((response)=>{
                console.log(response.data);
                let result= response.data;
                //window.location.href="http://qr.topscan.com/api.php?text="+result.code_url;
                console.log(result.code_url);
                this.wxpayimg="http://qr.topscan.com/api.php?text="+result.code_url;
                this.wxpay=true;
                let jump=0;
                var auth_timetimer =  setInterval(()=>{
                  axios.post('https://wenku.qikan.com:11000/admin/lib/getOrderStatus.html',qs.stringify({'order_number':order_number})
                  )
                    .then((response)=>{
                      console.log(response.data);
                      let result= response.data;

                      if(result.code==1){
                        clearInterval(auth_timetimer);
                        this.jumpnum=5;
                        this.tipshow("支付成功！");
                        let teotime=setInterval(()=>{
                          this.jumpnum--;
                         this.timeshou=true;
                          if(this.jumpnum<=0){
                            // this.sendAuthCode = true;
                            clearInterval(teotime);
                            window.location.href="https://wenku.qikan.com/article/?collkey="+this.collkey;
                          }
                        },1000);


                      }
                      jump++;
                      if(jump==10){
                        jump=0;
                        clearInterval(auth_timetimer);
                        // window.location.href="https://wenku.qikan.com/article/?collkey="+this.collkey;
                      }
                    })
                    .catch((error)=>{
                      console.log(error)
                    })

                }, 5000);
              })
              .catch((error)=>{
                console.log(error)
              })
          }else{
            console.log(result.message);
          }
        })
        .catch((error)=>{
          console.log(error)
        })

    },

    countPay(){
      var vm = this;
      vm.collkey = this.$route.query.collkey;

      if(vm.amount<1){
        // alert("余额不足，请充值");
        // this.tipshow("余额不足，请充值！");
        vm.okpay=false;

      }else{
        vm.paidonce=true;
        axios.get('https://wenku.qikan.com:11000/amount/pay?collkey='+vm.collkey+"&uniqueCode="+vm.user.unique_code+"&articleName="+vm.articleInfo.title+"&price="+vm.price)
          .then(function(res){
            console.log(res.data.data);
            localStorage.removeItem("user");
            localStorage.setItem("user", JSON.stringify(res.data.data));
            console.log(res.data.data)
            vm.user=JSON.parse(localStorage.getItem("user"));
            console.log("userdddddddd "+vm.user);
            vm.closeWindow();
            vm.nobuy=false;
            vm.tipshow("支付成功！");
            vm.needbuy=0;
            vm.getArticle();
            // this.$router.push("/person/exchange");

          })
      }
    },

    alipay(){
      var user=this.user;
        //JSON.parse(localStorage.getItem("user"));
      this.collkey = this.$route.query.collkey;
        window.location.href = "https://wenku.qikan.com:11000/alipay/alipay?articleName="+this.articleInfo.title+"&uniqueCode="+user.unique_code+"&collkey="+this.collkey
          +"&price="+this.price;
      //window.location.href = "http://localhost:8080/alipay?articleName="+this.articleInfo.title;
    },

    getArticle() {
      let vm = this;
      vm.fullscreenLoading=true;
      vm.collkey = this.$route.query.collkey;
      if (this.user != null && this.user != "" && this.user != undefined) {
        axios.get('https://wenku.qikan.com:11000/article/info?collkey=' + vm.collkey + "&userCode=" + vm.user.unique_code)
          .then(function (res) {
            console.log(res);
            vm.insertBrowseRecord(res.data.data);
            vm.price = res.data.data.articlePrice;
            vm.articleInfo = res.data.data;
            vm.info = res.data.data.content;
            if(res.data.data.parent[0].name!='其它'){
              vm.isQita = true;
            }
            if (vm.nobuy == true) {//没买
              if (vm.needbuy == 1) {
                vm.isNeedbuy = true;
                vm.info = vm.info.substring(0, 500);
              } else {
                vm.isNeedbuy = false;
              }
            }
            vm.fullscreenLoading = false;
          })
      } else {
        axios.get('https://wenku.qikan.com:11000/article/info?collkey=' + vm.collkey)
          .then(function (res) {
            console.log(res);
            vm.insertBrowseRecord(res.data.data);
            vm.price = res.data.data.articlePrice;
            vm.articleInfo = res.data.data;
            vm.info = res.data.data.content;
            if(res.data.data.parent[0].name!='其它'){
              vm.isQita = true;
            }
            if (vm.needbuy == 1) {
              vm.isNeedbuy = true;
              vm.info = vm.info.substring(0, 500);
            } else {
              vm.isNeedbuy = false;
            }
            vm.fullscreenLoading = false;
          })
      }
    },
    // getReArticle() {
    //   var vm = this;
    //   vm.collkey = this.$route.query.collkey;
    //   axios.get('https://wenku.qikan.com:11000/article/reinfo?collkey='+vm.collkey)
    //     .then(function(res){
    //       console.log("---");
    //       console.log(res);
    //       vm.reArticleInfo = res.data.data;
    //       vm.fullscreenLoading = false;
    //     })
    // },
    insertBrowseRecord(articleInfo){//新增文章浏览记录
      var vm=this;
      var userCode = '';
      if(vm.user != null && vm.user != '' && vm.user != undefined){
        userCode = vm.user.unique_code
      }
      var original = articleInfo.magezineName+articleInfo.year+'年第'+articleInfo.issue+'期';
      axios.get('https://wenku.qikan.com:11000/statistic/insertBrowseRecord.html?type=3&userCode='+userCode
        +'&articleCode='+articleInfo.collkey+'&author='+articleInfo.author
        +'&title='+articleInfo.title+'&original='+original)
        .then(function(response){
          console.log(response);
        })
    },
    getReArticle() {
      var vm = this;
      vm.collkey = this.$route.query.collkey;
      if(this.user!=null && this.user!="" && this.user!=undefined){
        axios.get('https://wenku.qikan.com:11000/article/reinfo?collkey='+vm.collkey+"&userCode="+vm.user.unique_code)
          .then(function(res){
            vm.reArticleInfo = res.data.data;
          })
      }else{
        console.log("---------+++++++++++");
        axios.get('https://wenku.qikan.com:11000/article/reinfo?collkey='+vm.collkey)
          .then(function(res){
            console.log("---------");
            vm.reArticleInfo = res.data.data;
          })
      }

    },
    toggleShare(){
      this.isShare=!this.isShare;
    }, tipshow(e){
      this.tipword=e;
      this.isTip=true;
      setTimeout(() => {
        this.tipword='';
        this.isTip=false;
      }, 2000);
    },

    goToBuy(){
      var vm = this;
      console.log(this.user)
      if(this.user!=null && this.user!="" && this.user!=undefined){
        axios.get('https://wenku.qikan.com:11000/amount/getamount?uniqueCode='+vm.user.unique_code)
          .then(function(res){
            console.log(res.data.data);
            vm.amount = res.data.data;
            if(vm.amount<vm.price){
              this.okpay=false;
            }
          });
        vm.payWindow=true;
      }else{
        // alert("请先登录");
        localStorage.setItem("key",vm.collkey);
        var timestamp = Date.parse(new Date())
        localStorage.setItem("failuretime",timestamp+60000);
        localStorage.setItem("jumpurl","/article")
        this.$refs.child1.godenglu();
      }
    },
    closeWindow(){
      this.payWindow=false;
    },closewxpay(){
      this.wxpay=false;
    },
    goRecharge(){
      this.$router.push("/person/recharge");
    }

  }
}
</script>

<style scoped>
 .noselect{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

.topzan{ height: 32px; padding: 4px 0; display: inline-block;float: left; }
.mpart{ width: 100%; height:auto;  background-color: #fff; margin-top: 20px;}

 .rpart{ width: 290px;height: 120px; border-left: 1px solid #f0f2f7; margin-top: 40px; padding: 10px 0 0 20px; display: inline-block;float: right;margin-bottom: 20px;}
.rpart p{font-size: 16px;color: #55575C; line-height: 20px; margin-bottom: 20px; height:20px; }
/*.rpart p span{ width: 40px; height: 20px; border-right: 1px solid #f0f2f7; font-weight: 600; text-align: right; padding-right: 5px;margin-right: 5px; display: inline-block; }*/
 .rpart p span{ width: 40px; height: 20px; border-right: 1px solid #55575c; font-weight: 600; text-align: right; padding-right: 7px;margin-right: 3px; display: inline-block; }
.gap0{ width: 100%; height: 0;clear: both; }

.uppart{width: 850px; padding: 10px 25px; background: #fff;display: inline-block;float: left;}
.uppart .label{ width: 100%; height: 30px; margin-bottom:18px; clear: both;overflow: hidden;}
.uppart .label a{height: 30px;line-height: 30px; padding: 0 12px; margin-right:10px; font-size: 12px; color: #698EBF; background: #EFF6FA; display: inline-block;}
/*.uppart .tit{font-size: 38px;color: #1A1A1A;letter-spacing: 0;text-align: justify;line-height: 50px;clear: both;}*/
 .uppart .tit{font-size: 38px;color: #1A1A1A;letter-spacing: 0;text-align: justify;line-height: 50px;clear: both; font-weight: 600;}
.uppart .info{width: 100%; height: 32px;margin-top:12px; clear: both;color:#8791A8; font-size: 14px; line-height: 32px; vertical-align: middle;}
.uppart .info .inforight{ width: 400px; height: 32px; line-height: 32px; float: left; display: inline-block; text-align:left; }

.zan{ border-radius: 3px;  height: 25px; line-height: 25px; padding: 0 5px; padding-left:17px; margin-right:10px;}
.btn-up{ background:#E8F3FF url('../assets/images/zan-up.png') 6px 6px no-repeat; background-size: 8px 8px; }
.btn-down{ background:#E8F3FF url('../assets/images/zan-down.png') 6px 6px no-repeat; background-size: 8px 8px;}

.btn-sc1{width:16px; height: 16px; background: url('../assets/images/icon-shoucang1.png'); background-size: 16px 16px; display: inline-block ;vertical-align: middle;margin-right:4px;margin-left:7px;}
.btn-sc0{ width:16px; height: 16px; background: url('../assets/images/icon-shoucang0.png'); background-size: 16px 16px; display: inline-block ;vertical-align: middle;margin-right:4px;margin-left:7px;}
.btn-print{width:16px; height: 16px; background: url('../assets/images/icon-print.png'); background-size: 16px 16px; display: inline-block ;vertical-align: middle;margin-right:4px;margin-left:7px;}
.btn-share{width:18px; height: 16px; background: url('../assets/images/icon-share.png'); background-size: 18px 16px; display: inline-block ;vertical-align: middle; margin-right:4px; margin-left:7px;}

.vline1{ width: 1px ; height: 32px; margin-left: 10px; }

.share{ position: relative; }
.sharelevel{ width: 137px; height: 182px; position: absolute; z-index: 20;top: 32px; right: 0; background: #FCFCFC;border: 1px solid #F2F2F2;
box-shadow: 0 2px 4px 0 rgba(181,181,181,0.50);border-radius: 2px; padding: 10px 15px; }
.sharelevel .list{ width: 100%; height: 40px; line-height: 40px; }
 .readmore{ display: inline-block;color: #175199 ;font-size: 14px;line-height: 24px; width: 70px;background: url('../assets/images/more-down-arrow.png') right center no-repeat; background-size: 12px 8px;}

.icon-copy{width:20px; height: 20px; background: url('../assets/images/share-copy.png'); background-size: 20px 20px; display: inline-block ;vertical-align: middle; margin-right:4px;}
.icon-qq{width:20px; height: 20px; background: url('../assets/images/share-qq.png'); background-size: 20px 20px; display: inline-block ;vertical-align: middle; margin-right:4px;}
.icon-weibo{width:20px; height: 20px; background: url('../assets/images/share-weibo.png'); background-size: 20px 20px; display: inline-block ;vertical-align: middle; margin-right:4px;}
.icon-weixin{width:20px; height: 20px; background: url('../assets/images/share-weixin.png'); background-size: 20px 20px; display: inline-block ;vertical-align: middle; margin-right:4px;}



.bottompart{width: 100%; padding: 20px 25px 30px;  background: #fff; overflow: hidden;}
>>>.bottompart .content{ width: 100%; height: auto;font-size: 18px;color: #4A4A4A;letter-spacing: 0;text-align: justify;line-height: 30px; }
>>>.bottompart .content p{line-height: 30px;  margin-bottom: 15px;}
>>>.bottompart .content img{ max-width: 100%; display: block; margin: 0 auto; }
.bottompart .content .btm{ width: 100%; padding-top: 20px; border-top: 1px solid #dfdfdf;  height: 29px; line-height: 29px; vertical-align: middle; text-align: center; font-size: 14px;}
.bottompart .content .btm span{ display: inline-block; margin-right: 30px; }

/*.fenlei{ padding: 10px 25px; background: #fff; overflow: hidden; box-shadow: 0 2px 6px 0 rgba(222,222,222,0.50);}*/
 .fenlei{ padding: 14px 25px; background: #fff; overflow: hidden; box-shadow: 0 2px 6px 0 rgba(222,222,222,0.50);}
.fenlei .tit{background: #0084FF;border-radius: 3px;line-height: 30px; font-size: 14px; color:#fff; clear:both; display: block;  margin-bottom:17px; width: 90px; text-align: center;}
.fenlei a{background: #EFF6FA;border-radius: 3px;line-height: 30px; padding: 0 10px; font-size: 12px; color:#698EBF; margin-bottom: 13px; margin-right:10px; display: inline-block; }

.xiangguan{width: 100%; padding: 20px 25px 30px;  background: #fff; overflow: hidden; margin-top:20px; box-shadow: 0 2px 6px 0 rgba(222,222,222,0.50);}
.xiangguan .tit{ color: #225599; font-size: 14px; border-bottom:3px solid  #0084FF; padding-bottom: 15px; width: 58px; clear: both;}
.xiangguan a{font-size: 16px;color: #999;letter-spacing: 0;line-height: 50px; width: 100%; height: 50px; border-bottom: 1px solid #F0F2F7; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display: block;}

.line1{ width: 100% ;height: 1px; background: rgba(222, 222, 222, 0.5);margin: 8px 0 12px; }
.gap100{ width: 100%; height: 100px; clear: both; }


/* 底部相关部分 */
.bottom_rel{ width: 100%; height: auto;margin-top: 20px; background-color: #fff; padding-bottom: 20px;}

/*.hmenu{border-bottom:1px solid #F0F2F7; width: 100%; height: 52px; clear: both; padding:0 15px; }*/
/*.hmenu .name{ color: #225599 !important; border-bottom: 3px solid #0084FF;line-height: 50px; height: 50px; width: 58px; margin-right: 43px; display: inline-block; font-weight: 600;}*/
.hmenu{border-bottom:1px solid #F0F2F7; width: 100%; height: 52px; clear: both; padding:0 15px; }
.hmenu .name{ color: #225599 !important; border-bottom: 3px solid #0084FF;line-height: 50px; height: 50px; width: 70px; margin-right: 43px; display: inline-block; font-weight: 600;}
.one{ width: 100%; height: auto;  background-color: #fff; padding: 19px 30px 15px 15px;border-bottom: 3px solid #f2f5f7; }
 .one:hover{ box-shadow:0 0 25px 2px rgb(0,0,0,.2); -moz-box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.2); -pie-background:rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.2);transition: .3s;z-index: 99999}
.one .title{font-size: 18px;color: #1A1A1A; line-height: 20px; width: 100%; margin-bottom: 14px; clear: both; font-weight: 600;}
.one p{font-size: 14px;color: #1A1A1A;text-align: justify;line-height: 24px; max-height: 72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.one img{ float: left; margin-right:18px; width: 178px; height: 105px;}

.info{ width: 100%;  text-align: right;font-size: 12px;color: #8590A6;margin-top: 10px; position: relative;}

.pagepart{ width: 100%; height: 60px; margin: 20px 0;  text-align: center;}


/* 购买弹窗部分 */
.buybox{width:100%; height: 44px;position: relative; clear: both; margin: 46px 0 0px; }
.buybox:after{content: ''; position:absolute; bottom: 44px; left: 0; width: 100%;  height: 197px; background: url('../assets/images/buy-bg.png') left top repeat-x;  }
.buy{ width:200px; height: 44px; line-height: 44px; background: #0084FF;border-radius: 3px;color: #fff; font-size: 16px; margin: 0 auto;text-align: center; }

.mask{ width: 100%; height: 100%; background: rgba(24,24,24,0.50); position: fixed;z-index: 999; left: 0; top: 0; }
/* 设置窗口 */
.paybox{ width: 714px; height: 380px; overflow: hidden; position: fixed; z-index:1000; left: calc( 50% - 357px ); top: calc( 50% - 190px ); background-color: #fff;}
.paybox .a1{ width: 100%; height: 120px; background: #0183FF;color:#fff; padding-left: 17px; padding-top: 17px; position: relative; }
.paybox .a1 .close{ position: absolute;z-index: 1001; width: 32px; height: 32px; background: url('../assets/images/x.png') center center no-repeat; background-size: 18px 18px; top:15px; right:15px;}
.paybox .a1 p{ line-height: 28px; font-size: 20px; }
.paybox .a2{ width: 100%; height: 200px; text-align: center; }
 .b1,.b2,.b3{ display: inline-block; width: 120px; height:200px; margin-right: 47px; }
 .b3{ margin-right: 0;position: relative;}
 b3mask{ width: 120px; height: 200px; background: transparent; position: absolute;z-index: 2000; left: 0; top: 0; }
 .b1 .c1,.b2 .c1,.b3 .c1{width: 110px; height: 110px; border:1px solid #EBEBEB; margin:30px auto 15px;}
 .b1 .c1 img,.b2 .c1 img{ width: 98px; height: 98px; margin: 5px auto; }
 .paybtn{ width: 120px; height:30px;border-radius: 6px; line-height: 30px; text-align: center;font-size: 16px;  }
 .d1{ width: 100%; height: 25px; line-height: 25px; color: #505050; text-align: center;margin-top: 30px; font-size: 18px; font-weight: 600; }
 .d2{width: 100%; height: 25px; line-height: 25px; color: #FF1816; text-align: center;margin-top: 5px;font-size: 18px; font-weight: 600;}
.c21{border: 1px solid #797979; color:#333;}
.c22{background: #D9001B; color:#fff; }

.paybox .a3{ width: 100%; height: 45px; text-align: center; color: #333; font-size: 16px;margin-top: 15px; }
.paybox .a3 .s1{width:78px; height: 22px; line-height: 22px; background: #D9001B;border-radius: 2px; text-align:center;color:#fff; display:inline-block; margin-right:15px;}
.paybox .a3 .s2{color:#D9001B; display: inline-block; border-bottom: 1px solid #D9001B; font-weight: 600;}
 .mask{ width: 100%; height: 100%; background: rgba(24,24,24,0.50); position: fixed;z-index: 999; left: 0; top: 0; }
 .wxbox{ position: fixed; z-index:1000; width: 280px; height: 360px; left: calc( 50% - 140px ); top : calc( 50% - 160px ); ;text-align:center; background-color: #fff; padding: 10px;}
 .tipinfo{position: fixed; z-index: 9999; top: 50%; left: 50%; width: 400px;  height: 40px;border-radius: 10px; margin-left: -200px; margin-top: -20px; line-height: 40px;text-align: center;color: #fff; font-size: 14px; background-color: rgba(50,50,50,0.8)}

 .readmore{ display: inline-block;color: #175199 ;font-size: 14px;line-height: 24px; width: 70px;background: url('../assets/images/more-down-arrow.png') right center no-repeat; background-size: 12px 8px;}
 /*.zcinfo{ width: 100%;  text-align: right;font-size: 12px;margin-top: 10px; position: relative; height: 25px;}*/
 /*.zan_up0{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 5px; padding-left:17px; margin-right:6px;display: inline-block;background:#E8F3FF url('../assets/images/zan-up.png') 6px 8px no-repeat; background-size: 8px 8px; float: right;color:#0084ff;cursor:pointer;}*/
 /*.zan_up1{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 5px; padding-left:17px; margin-right:6px;display: inline-block;background:#0084ff url('../assets/images/zan-up1.png') 6px 8px no-repeat; background-size: 8px 8px; float: right; color:#fff;cursor:pointer;}*/
 /*.zan_down0{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 10px; padding-left:17px; margin-right:10px;display: inline-block;background:#E8F3FF url('../assets/images/zan-down.png') 10px 8px no-repeat; background-size: 8px 8px; float: right;color:#0084ff;cursor:pointer;}*/
 /*.zan_down1{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 10px; padding-left:17px; margin-right:10px;display: inline-block;background:#0084ff url('../assets/images/zan-down1.png') 10px 8px no-repeat; background-size: 8px 8px; float: right;color:#fff;cursor:pointer;}*/
 /*.cang0{  height: 25px;  line-height: 25px; background: url('../assets/images/2.png') left center no-repeat; background-size: 14px 14px; display: inline-block ;margin-right:10px;margin-left:7px; float: right; padding-left: 20px;color:#8590A6;cursor:pointer;}*/
 /*.cang1{  height: 25px; line-height: 25px;  background: url('../assets/images/icon-shoucang1.png') left center no-repeat; background-size: 14px 14px; display: inline-block ;margin-right:10px;margin-left:7px; float: right; padding-left: 20px;color:#0084ff;cursor:pointer;}*/
 /*.zcinfo{ width: 100%;  text-align: right;font-size: 12px;margin-top: 10px; position: relative; height: 25px;}*/
 .zcinfo{ width: 100%;  text-align: left;font-size: 12px;margin-top: 10px; position: relative; height: 25px; color:#8590A6;}
 .zan_up0{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 5px; padding-left:17px; margin-right:6px;display: inline-block;background:#E8F3FF url('../assets/images/zan-up.png') 6px 8px no-repeat; background-size: 8px 8px; float: right;color:#0084ff;cursor:pointer;}
 .zan_up1{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 5px; padding-left:17px; margin-right:6px;display: inline-block;background:#0084ff url('../assets/images/zan-up1.png') 6px 8px no-repeat; background-size: 8px 8px; float: right; color:#fff;cursor:pointer;}
 .zan_down0{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 10px; padding-left:17px; margin-right:10px;display: inline-block;background:#E8F3FF url('../assets/images/zan-down.png') 10px 8px no-repeat; background-size: 8px 8px; float: right;color:#0084ff;cursor:pointer;}
 .zan_down1{border-radius: 3px;  height:25px; line-height: 25px; padding: 0 10px; padding-left:17px; margin-right:10px;display: inline-block;background:#0084ff url('../assets/images/zan-down1.png') 10px 8px no-repeat; background-size: 8px 8px; float: right;color:#fff;cursor:pointer;}
 .cang0{  height: 25px;  line-height: 25px; background: url('../assets/images/icon-shoucang0.png') left center no-repeat; background-size: 14px 14px; display: inline-block ;margin-right:10px;margin-left:7px; float: right; padding-left: 20px;color:#8590A6;cursor:pointer;}
 .cang1{  height: 25px; line-height: 25px;  background: url('../assets/images/icon-shoucang1.png') left center no-repeat; background-size: 14px 14px; display: inline-block ;margin-right:10px;margin-left:7px; float: right; padding-left: 20px;color:#0084ff;cursor:pointer;}
 /* 打印部分 */

 .printbox1{ width: 1140px; height: 80%; position: fixed;z-index: 1000; left: calc( 50% - 570px ); top: 10%;  padding: 70px 118px; background: #fff; position: relative;}
 .printbox{ width: 1140px; height: 80%; position: fixed;z-index: 1000; left: calc( 50% - 570px ); top: 10%; overflow-y: scroll; padding: 70px 118px; background: #fff; position: relative;}
 .printbox .close{ width: 48px; height: 48px; position: absolute;z-index: 1001; right: 48px; top: 24px; background: url('../assets/images/printClose.png') left top no-repeat; background-size: 48px 48px; }
 .printbox1 .close{ width: 48px; height: 48px; position: absolute;z-index: 1001; right: 48px; top: 24px; background: url('../assets/images/printClose.png') left top no-repeat; background-size: 48px 48px; }

 .printbox .title{ font-size: 30px; color: #4a4a4a;  line-height: 42px; font-weight: 600; margin-bottom: 8px; }
 .printbox .author{font-size: 26px; color: #4a4a4a;  line-height: 37px; }
 .printbox .wklogo{ float: right; width: 194px; }
 >>>.printbox .content{ width: 100%; height: auto;font-size: 18px;color: #4A4A4A;letter-spacing: 0;text-align: justify;line-height: 30px; margin-top: 30px; }
 >>>.printbox .content p{line-height: 30px;  margin-bottom: 15px;}
 >>>.printbox .content img{ max-width: 100%; display: block; margin: 0 auto; }
 .printbox1 .btn{ width: 100%; height: 70px; margin-top: 30px; text-align: right; }
 .printbox1 .btn img{width: 198px; height: 69px; display: block; float: right; cursor: pointer;margin-top: 30px}
 .wxbox1{ position: fixed; z-index:1000; width: 280px; height: 350px; left: calc( 50% - 140px ); top : calc( 50% - 160px ); ;text-align:center;    border:1px solid #F0F2F7; background-color: #fff; padding: 10px;}
 /*.wxbox1{ position: fixed; z-index:1000; width: 280px; height: 350px; left: calc( 50% - 140px ); top : calc( 50% - 160px ); ;text-align:center;    border:1px solid #F0F2F7; background-color: #fff; padding: 10px;}*/
 .wxbox1 .close{ position: absolute;z-index: 1001; width: 32px; height: 32px; background: url('../assets/images/icon-close.png') center center no-repeat; background-size: 14px 14px; top:5px; right:5px;}
</style>
